<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv ="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>在线听课</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/waves.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <!--页面公共样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--页面样式-->
    <link rel="stylesheet" href="css/page.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

    <!--jquery等插件必须放head，后续js需要使用-->
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/waves.min.js"></script>
    <script src="js/lc_switch.js"></script>
    <script src="js/rangeslider.min.js"></script>
    <script src="js/jquery.pagination.min.js"></script>
    <script src="js/txtscroll.js"></script>
    <!--页面js必须放head里，防止页面抖动-->
    <script src="js/common.js"></script>
    <script src="js/top.js"></script>
    <script src="js/onlineClass.js"></script>

</head>
<body>
<div class="fullbg">

</div>


<header>
    <!--登录后的头-->
    <div class="login-header">
        <div class="space-info ">
            <div class="addtress"><span>四川大学</span> <span>J17A101教室</span></div>
            <div class="username">张复兴</div>
        </div>
        <div class="status">
            <div class="live-status"></div>
            <div class="net-status"></div>
        </div>
        <div class="time-note">
            <div class="top-time">
                15:13
            </div>
            <!--<div class="top-note" id="s1">-->
            <!--<ul>-->

            <!--</ul>-->
            <!--</div>-->
            <div class="txt-scroll txt-scroll-curs top-note"  id="s1">
                <div class="scrollbox">
                    <div class="txt">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--未登录的头-->
    <div class="unlogin-header">
        <div class="space-info">
            <div class="username">暂未登录</div>
        </div>
        <div class="status">
            <div class="live-status">暂无直播</div>
            <div class="net-status">物联网关闭</div>
        </div>
        <div class="time-note">
            <div class="top-time">

            </div>
        </div>
    </div>
</header>

<!--<div class="wrap-main">-->

<!--<section class="wrap-content">-->
<main class="online-class-page">
    <!--导航搜索区-->
    <section class="menu">
        <div class="menu-content">
            <ul>
                <li><a href="schollClass.html">校内课堂</a></li>
                <li><a href="onlineClass.html" class="active">在线课堂</a></li>
            </ul>
            <div class="class-search">
                <input type="text" class="classes-search-input" placeholder="请输入..."/>
                <span class="class-search-btn"><img src="images/icon/btn_search.png" alt=""></span>
            </div>
        </div>
    </section>
    <!--导航搜索区-->

    <!--列表区域-->
    <section class="classes-list-wrap">
        <section class="select-list">
            <dl>
                <dt>按分类：</dt>
                <!--后台可将筛选条件的 index 设为当前筛选条件的 id -->
                <dd><a href="javascript:void(0)" class="all-category" index="1">不限</a></dd>
                <dd><a href="javascript:void(0)" class="active onliving" index="2">推荐</a></dd>
                <dd>
                    <div class="active-status-wrap" index="3">
                        <!--status为当前菜单对应的子菜单的optionIndex的值-->
                        <span class="active-status" status="0" id="byGrade">按年级</span>
                        <div class="active-item-sub-menu">
                            <!--optionIndex为当前选项的索引值,后台可设为当前筛选条件下某个选项的id-->
                            <span optionIndex="0">不限</span>
                            <span optionIndex="1">一年级</span>
                            <span optionIndex="2">二年级</span>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="active-status-wrap" index="4">
                        <!--status为当前菜单对应的子菜单的optionIndex的值-->
                        <span class="active-status" status="0" id="byClass">按科目</span>
                        <div class="active-item-sub-menu">
                            <!--optionIndex为当前选项的索引值-->
                            <span optionIndex="0">不限</span>
                            <span optionIndex="1">语文</span>
                            <span optionIndex="2">数学</span>
                            <span optionIndex="3">外语</span>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="active-status-wrap" index="5">
                        <!--status为当前菜单对应的子菜单的optionIndex的值-->
                        <span class="active-status" status="0" id="byDateRange">按时间</span>
                        <div class="active-item-sub-menu">
                            <!--optionIndex为当前选项的索引值-->
                            <span optionIndex="0">不限</span>
                            <span optionIndex="1">一天内</span>
                            <span optionIndex="2">三天内</span>
                            <span optionIndex="3">一周内</span>
                            <span optionIndex="4">一个月以上</span>
                        </div>
                    </div>
                </dd>
                <dd><a href="javascript:void(0)" class="invited" index="6">邀请我的</a></dd>
            </dl>

            <div class="pagination" id="Pagination">
            </div>
        </section>
        <section class="classes-list">
            <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->


           <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
           <!---->

           <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
          <!---->

            <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
            <!---->

            <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
           <!---->

           <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
            <!---->

          <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
           <!---->

          <!---->
            <!--<div class="class-item">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<div class="class-img">-->

                        <!--<img src="images/bac/class_img.png" alt="">-->
                        <!--<div class="class-space-num">35000000</div>-->
                    <!--</div>-->
                    <!--<div class="class-info">-->
                        <!--<div class="class-title">关山高中高二美术集训</div>-->
                        <!--<div class="row">-->
                            <!--<span class="class-addtress left">高二(四)班</span>-->
                            <!--<span class="teacher right">魏坤</span>-->
                        <!--</div>-->
                        <!--<div class="row">-->
                        <!--<span class="class-time left">-->
                            <!--2018/12/07 18:00开始-->
                        <!--</span>-->
                            <!--<span class="class-status right">-->
                            <!--即将开始...-->
                        <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
           <!---->



        </section>
    </section>
    <!--列表区域-->
</main>
<footer>
    <ul>
        <li><a href="mediaTeach.html" >多媒体教学</a></li>
        <li><a href="schollClass.html" class="actived-btn">在线听课</a></li>
        <li><a href="mylives.html">我的课堂</a></li>
        <li><a href="classControll.html">教室控制</a></li>
    </ul>
</footer>

<!--</section>-->
<!-- <div><button class="normal-btn">按钮</button></div> -->
<!--</div>-->
<div class="btn-group">
    <ul>
        <li class="home">
            <a href="newindex.html"><div><img src="images/btn/btn_backindex.png" alt=""></div>首页</a>
        </li>
        <li class="scan-code">
            <a href="javascript:void(0)">  <div><img src="images/btn/btn_Sweepcode.png" alt=""></div>扫码控制</a>
            <p class="show-code"><img src="images/icon/code.png" alt=""></p>
        </li>
        <li class="switch">
            <a href="javascript:void(0)">  <div><img src="images/btn/btn_switch.png" alt=""></div>电源</a>
        </li>
    </ul>
</div>


</body>
</html>
